<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">

    <ui:composition template="layout.xhtml">
        <ui:define name="body">
            <h2>Visualizar Horário</h2>

            <p:panel styleClass="container_24 clearfix " style="background: none; border: none;"> 
                <h:form id="form" acceptcharset="utf-8">
                    <p:growl id="msg" life="3000" autoUpdate="true" showDetail="false"/>

                    <p class="subtitle">Dados Gerais</p>

                    <p:outputLabel value="Dias:" styleClass="grid_3" for="diasSelectManyMenu" />
                    <p:selectManyButton id="diasSelectManyMenu" disabled="true"
                                        value="#{managerPesquisarHorario.diasSemanasSelecionadasVisualizar}" 
                                          styleClass="grid_8" converter="enumconverter" >

                        <f:selectItems value="#{managerPesquisarHorario.diasSemana}" />
                    </p:selectManyButton>

                    <p:outputLabel value="Horário:" styleClass="grid_3" for="horarioInputText" />
                    <p:inputText id="horarioInputText" value="#{managerPesquisarHorario.formatarDataHorario( managerPesquisarHorario.horarioVisualizar.itemHorario.get(0))}"
                                 styleClass="grid_9" readonly="true" />

                    <div class="clear"/>

                    <div class="buttonAction">
                        <p:button value="Voltar" icon="ui-icon-circle-arrow-w"
                                  href="pesquisarhorario.xhtml"/>
                    </div>
                </h:form>
            </p:panel> 
        </ui:define>
    </ui:composition>
</html>